$heading-l: 30px;
$heading-lh-l: 40px;
$heading-ls-l: -1%;
$heading-n: 20px;
$heading-lh-n: 1;
$heading-ls-n: -1%;
$heading-s: 16px;
$heading-lh-s: 21px;
$heading-ls-s: 0.01em;
$title: 16px;
$title-lh: 22px;
$title-ls: 0.02em;
$title-s: 12px;
// Not checked
$title-s-lh: 22px;
$title-s-ls: 0.02em;
$paragraph: 14px;
$paragraph-lh: 22px;
$paragraph-ls: 0.02em;

.heading-l,
.heading-n,
.heading-s,
.title {
  font-family: $notoSerif;
  color: $colorDark;
}

.heading-l,
.heading-n,
.paragraph {
  margin: 15px 0;
}

.paragraph {
  font-family: $notoSans;
  color: $colorGrey;
  font-weight: normal;
}

.heading-l {
  font-size: $heading-l;
  line-height: $heading-lh-l;
  letter-spacing: $heading-ls-l;
}

.heading-n {
  font-size: $heading-n;
  line-height: $heading-lh-n;
  letter-spacing: $heading-ls-n;
}

.heading-s {
  font-size: $heading-s;
  line-height: $heading-lh-s;
  letter-spacing: $heading-ls-s;
}

.title {
  margin: 25px 0;
  font-size: $title;
  line-height: $title-lh;
  letter-spacing: $title-ls;
}

.title-s {
  font-family: $notoSans;
  color: $colorDark;
  font-size: $title-s;
  line-height: $title-s-lh;
  letter-spacing: $title-s-ls;
}

.paragraph {
  font-size: $paragraph;
  line-height: $paragraph-lh;
  letter-spacing: $paragraph-ls;
}
